@@@@@@@@@@@@@@@@@@TjzM@What's New 2002/8/30

@@@@@@@@@@@S҂̂߂̃z[y[W
@@@@@@@ @@@http://www.scollabo.com/banban/
@@@@@@@@@@@@@@@@16

@@@@@@@@@@@@@banban@scollabo.com



@̍u̓^OoăeLXgGfB^Ńz[y[WƂA
ǂ炩ƂƂIȍƂSɂȂ܂Be̐p̃I[T
O\tgƂ͈悵āAvʂ̃v݂̂go邱Ƃo܂B

@ɂ͐IœȌtoĂ܂AȂׂS҂ɂ₷
Ă܂BǂACyȋCłtBu
钆ŕȂ_牓Ȃ[B

@ułHTML4.01𒆐SƂ@̂ƂȂĂ܂BȂÃ}K
W͓EtHgłǂ݂ƉKɓǂ߂悤ɂȂ܂B

@T̉ۑ聡 zũRg[@̂P



HTML4.01Strict ɂzu̎w

@NOAmɂ͂SNO܂ŁAHTML̃o[W 3.2łB̎dl̃R
ec̔zuw肷̂͂ƂĂyłB

@<center>ƂvfׂĂꗥɃZ^ÔgāAZ^
ÔPs </center>ōς񂾂̂łB

@܂Aalignł낢ȃRecɎgAȒPɈʒuw肪ł܂
BႦ΁A<table align="center"> Ƃ悤ɁB

@AHTML4.0oꂵĂAW3C̗͂vfA͎gȂ悤
܂傤Ɗ̂łB_\ƂċLq邽߂ɁAI
^O〈hw肷鑮ȂǁirWAfUCɊւLqjjp~
悤ƂoĂ̂łB

@^錾ߓn̎dlƂāA TrasitionalƋLq邱ƂŁA
܂ł̗vfƑg悤ɂȂ܂BAꂻp~Ă܂
Ƃ肳ĂȏA܂łuÂv@g킯ɂ͂܂B

@́AHTML4.01Strict̒ŎgvfAgAȂX^C
V[g𗘗pāAȂ̎@ōlzũRg[`悤
v܂B
@̍u̒ǵAӖō܂Ŋw񂾂Ƃ̎Iȉp◠ZI
Ƃ낪X܂B



@܂ŏɁA܂ʒu̎wX^CtĂȂfHTML
܂傤BĂ낢ȗvfX^CV[g𑫂ĕωĂ
B

@̂悤ɃeLXgGfB^iSmpleText⃁ȂǁjNāA
L̂悤ɓ͂ĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<title>S҂̂߂̃z[y[W</title>
</head>

<body>
<h1>S҂̂߂̃z[y[W</h1>
<p>
<img src="images/title.gif" width="250" height="88" alt="^Cg">
S҂eLXgGfB^Ńv݂̕\͂ڎw Weby[W
邽߂̍ułBǂȂłp̃\tgEFAgƂȂ^OX^
CV[goA@ Web̍@gɂāA{iI Weby[
W邱Ƃł܂B  <!-- PsŋLqĂ -->
</p>

<p><strong>uEU̎</strong></p>
<dl>
<dt>Microsoft Internet Explorer</dt>
<dd>|IȃVFAւ}CN\tgЂ̃uEUłB</dd>
<dt>Netscape</dt>
<dd>āAJavaScriptJV܂̃uEUłB</dd>
<dt>Opera</dt>
<dd>ViCs̃uEUŁAyč@\ȓĂ܂B</dd>
<dt>Lynx</dt>
<dd>eLXguEȖ\Iȑ݂łBȂƑ삪B</dd>
</dl>

</body>
</html>


͂I܂Aۑ܂BuEUŕ\ۑ́Ap
ŊgqAu.htmlvYȂ悤ɂ܂B
@ł́Atest_20.html ƂĂ܂傤BAōDȕ
ɂĂĂA܂肠܂BgqYȂ悤ɂ
ĂB
@ۑAHTML_uNbNăuEUŌĂBƂȂ
̂Ȃy[WɂȂĂ͂łB
@łARecDĂȂ΂ł܂ȂƎv܂B

  LHTML̎sURL
@http://www.scollabo.com/banban/magazine/sample/sample_019.html

@ȂAHTMLŎgp摜͖{TCg̋ނ_E[h
gĂ܂B܂_E[hĂȂ́ALTCg肵Ă
B
@@http://www/scollabo.com/banban/daf/material.html
@摜͈kĂ܂B𓀌ɂ̍ułgpĂtH_
uimagesvƂ̃tH_Ă̒ɈړĒuĂB
ApX̊֌W邽߂̏ułB



EE͂܂܂ł̂炢̈Ӗ܂߂ďڂ܂B
@@@@@藝Ă͓ǂݔ΂ĂČ\łB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
@^錾łBHTMLLqŁAǂ̃o[WHTMLgp̂
@K錾ȂĂ͂܂Bł́AHTML4.01Strict^gp
@܂Biڂ͑Rj

<html lang="ja">
@HTMLn܂邱ƂӖĂ܂BI^O </html> łB
@lang="ja" HTMLǂ̂悤ȌłĂ邩\킵܂BK{
  łBja{Aen[bpipjȂǂ܂B

<head>@`@</head>
  wb_ƂHTML̏LqAHTTPT[ouEUɂ̏
@󂯓n܂BʏAwb_ł titlevfȊOɃuEUŕ\
@͉̂܂Bڂ10̉p҂ŉ܂B

<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
@HTMLŎgp錾R[h̐ݒłB̐ݒYƕ
@\ɑ傫Ȃ܂Biڂ͑Rj
@ݒł{̌R[h͂R܂B
@@SHIFT-JIS@WindowsMacintoshł͏ݒ肪̌łB
@@ECU-JP@@ UNIXn̓{ꌾR[hłB
@@ISO-2022-JP@JIŠR[hłB͂gpĂ܂B
@Lq͑啶łł܂܂B
@@
@ꂼ̌ł́AsR[hقȂ肵܂BgpeLXgGf
@B^̌ƃ}b`R[hgBSimpleText⃁
@́ASHIFT-JISgB̃R[hł͕܂B
  Conten-Type ɂĂ10̉p҂ŉ܂B

<title>S҂̂߂̃z[y[W</title>
@HTML̃^CgƂȂ܂B̓uEÜԏ̃o[ɕ\A
@܂AuCɓvɒǉۂ̃L[[hɂȂ܂BłΕ
@̓eł悤ȃ^Cg̂łB
@@ȂA{Ń^Cgꍇ́AR[hݒ肵ɋLq
@BɋLqꍇẢ\܂B
@@̗vf͕K{ł̂ŁAYȂ悤ɁB

<body>
@HTML̖{ɓ̂ŁA </body>܂łuEUɕ\R
@ecƂȂ܂B̒ɃRecɑ΂đlȃ}[NAbvLq
@ăuEUɕ\܂B

<h1>S҂̂߂̃z[y[W</h1>
@o\킷vfAh1łBh1h6܂łAʓIh1ԑ傫
@tHgŕ\܂BȂAtHg̑傫ω邽߂ɗp
@Lq@͕@ᔽƂȂ܂B܂łoƂĎg悤ɂ܂B
@ubNxvfŉsĕ\܂B

<p>@`@</p>
@i\킷ubNxvfłBʓIɉsĕ\܂B

<strong>uEU̎</strong>
@strongvfɈ͂܂ꂽeLXgij͋AʓIɑŕ\
@܂BCCxvfB

<dl>@`@</dl>
@`tXg\킷ubNxvfłBXgڂɕ⑫IȐ
@鎞ɂ͕֗ȗvfłB
@KA<dt> ` </dt>A<dd> ` </dd> ƋɎgp܂B

ubNxvfƂ́AoiA{bNX⃊XgAe[uȂǂP
̂܂\킵Asĕ\܂B

CCxvfƂ́Aʏ̕ƓɈAOɋ󔒂s
܂B܂ACCxvf́AKubNxvf̒
LqȂ΂Ȃ܂BႦ΁A

<body>@@@@@@@@@@@@@@@@   <body>
<strong>uEU̎</strong>  @      <p>
</body>                                  <strong>uEU̎</strong>
                                         </p>
͌łB                @       </body>
@@@@@@@@              @@@@    ꂪłB



@ł́AقǍHTMLύXĂ܂B̑OɂǂύX
邩ȒPɏqׂĂ܂傤B

|CgƂȂX^CV[gEE]̐ݒ
ʒuߍׂw肷ɂ́AuEU̓𗝉Kv܂B
@uEȖSɏ΂̗]i}[WjĂ܂B
𖳂Ȃ΂Ȃ܂B̂߂ɁAX^CV[g͕K{ACeɂ
܂B
@]𖳂Lq́A
@@body { margin: 0px }@ꂾłB

@AʔƂ OperaƂuEU̓}[W͎ĂȂ
pfBOiRec̗̓]jĂ܂BĂ
BLq@́A
@@body { margin: 0px; padding: 0px }

@łׂĂ̎onuEÜ؂̗]菜Ă܂܂B

 ovf̈ʒu
܂AoƂȂĂA<h1>S҂̂߂̃z[y[W</h1>@
Z^Oŕ\ꍇA
@@h1 { text-align: center }

@̂PsŊȒPɃZ^Oł܂BE񂹂ꍇ́Aright 
@Lq邾łB񂹂̏ꍇ͉ȂĂɊ܂B

 摜ƕ̉肱
摜̎ɕ肱܂Ĉʒu𐮂Ǝv܂B摜Ɋ񂹂
̎̃eLXgij肱܂̂

@img { float: left; margin-right; 10px }

@摜ɔzuA摜ƕ̊Ԃ̗]10sNZ݂āA摜ƕ
߂Ȃ悤ɂ܂BA摜E񂹂ɂꍇ

@img { float: right; margin-left; 10px }@Ə܂B

 Xg̕\
XgACevf\鎞AuEU͏ɗ]\Ă܂
BłĎ邱Ƃň܂Ă܂B
@łɏ㑤ƍɘgzĕFςĂP̒î悤ɕ\
܂Bi12QƂĂBj

@dl {margin: 0px }
  dt { border-top: 3px double #fc0; border-left: 3px double #fc0; 
       color: #009; font-weight: bold; text-indent: 0.5em }
  dd { margin: 0px; text-indent: 1em }


 SP̃{bNX̒ɓĂ܂B
Lׂ̂ĂP̃{bNX̒ɓĂ܂܂B{bNXɂ͍Eϓ
̗]݂đS̗vf悤ɔzuł悤\܂B

@div { margin-left: 15%; margin-right: 15% }


@ŃX^CV[gł܂BƂ肠wb_ɑ}Ă
̂悤ȕ\ɂȂ邩mFĂ݂܂傤B
@قǂHTML̂悤ɕύX܂B

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>S҂̂߂̃z[y[W</title>
<style type="text/css">
<!--
body     { margin: 0px; padding: 0px }

div      { margin-left: 15%; 
@@@@@ margin-right: 15% }

h1       { text-align: center }

img      { float: left; 
           margin-right; 10px }

dl       { margin: 0px }

dt       { border-top: 3px double #fc0;
           border-left: 3px double #fc0;
           color: #009;
           font-weight: bold;
           text-indent: 0.5em }
           

dd       { margin: 0px; 
           text-indent: 1em }
-->
</style>
</head>

<body>
<div>
<h1>S҂̂߂̃z[y[W</h1>

<p>
<img src="images/title.gif" width="250" height="88" alt="^Cg">
S҂eLXgGfB^Ńv݂̕\͂ڎw Weby[W
邽߂̍ułBǂȂłp̃\tgEFAgƂȂ^OX^
CV[goA@ Web̍@gɂāA{iI Weby[
W邱Ƃł܂B  <!-- PsŋLqĂ -->
</p>

<p><strong>uEU̎</strong></p>
<dl>
<dt>Microsoft Internet Explorer</dt>
<dd>|IȃVFAւ}CN\tgЂ̃uEUłB</dd>
<dt>Netscape</dt>
<dd>āAJavaScriptJV܂̃uEUłB</dd>
<dt>Opera</dt>
<dd>ViCs̃uEUŁAyč@\ȓĂ܂B</dd>
<dt>Lynx</dt>
<dd>eLXguEȖ\Iȑ݂łBȂƑ삪B</dd>
</dl>
</div>

</body>
</html>

@͂I܂㏑ۑĂB
HTMĹA<div> ` </div> }ł܂ς܂BPɃX
^CV[gwb_ɋLqłB

@ꂱAHTML̕\iReNXgjArWAfUC
āALqƂȂ܂B
@̂ƂɂāAuEUłeLXguEUłA邢͓_u
EUł҂̈Ӑ}`܂BHTMLVvɂ邱Ƃɂ
ăoAt[ȐSDWeby[W\zł̂łB

@܂AX^CV[gOɒuāAHTMLɓǂݍ܂@łƁA
HTML̓VvɂȂ܂BɂĂ͉p҂ŏڂ܂B

  LHTML̎sURL
@http://www.scollabo.com/banban/magazine/sample/sample_020.html



Έʒu̎w

eLXgIuWFNgȂǂ̃Rec߂ʒuw肵Ă܂@
܂B
@̕@uΈʒuvƂāA͂X^CV[gŋLq܂B

  \    @{ position: absolute }
  ʒuw@{ position: absolute; top: 0px; left: 0px }
@Rec̈ʒuΈʒuƎw肵ĂAOsNZAォOs
@NZƐݒ肷\łBl̓sNZPʂƂȂ܂B

@A̕@ňʒuw肵Ă܂ƁÃRecƃ_uĂ
ꍇX܂B
@܂AʏARec̓uEȔォ牺֏ɕ\܂BΈ
u̎ẃA߂ꂽʒuŕ\̂łÃRecɎw肪Ȃ
ꍇAΈʒuŎw肳ꂽRec̈ʒu𖳎āAォ珇ɕ\R
ecdȂĂ܂܂B
@̓_lȂA\݌vKv܂B

@QlHTML
   http://www.scollabo.com/banban/magazine/sample/mmsample_021.html

@RecΈʒuŎw肷󋵂͂ǂȏꍇł傤H
Ⴆ΁A摜ɉ摜d˂A摜ɕd˂Ƃɂ͏dȃX^C
V[głB

@ȒPȈʒuwHTMLĊm߂Ă݂܂傤BeLXgGfB^
NĐVHTML܂BL̂悤Ƀ^CvĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>S҂̂߂̃z[y[W</title>
<style type="text/css">
<!--
 div.header { position: absolute;
              top: 0px;
              left: 50px }

div.sub     { position: absolute;
              top: 25px;
              left: 150px }

div.body    { margin-top: 120px;
              margin-left: 50px;
              margin-right: 50px }

h1          { color: #f00 }
-->
</style>
</head>

<body>
<div class="header">
<img src="images/title.gif" width="250" height="88" alt="^Cg">
</div>

<div class="sub">
<h1>S҂̂߂̃z[y[W</h1>
</div>

<div class="body">
S҂eLXgGfB^Ńv݂̕\͂ڎw Weby[W
邽߂̍ułBǂȂłp̃\tgEFAgƂȂ^OX^
CV[goA@ Web̍@gɂāA{iI Weby[
W邱Ƃł܂B  <!-- PsŋLqĂ -->
</div>

</body>
</html>

͂I܂Aۑ܂Bł́Atest_20.html ƂĂ܂B
xƂł悤łA΂ɊgqYȂŉB




div.header { position: absolute; top: 0px; left: 50px }
@{bNX header ォOsNZA50sNZ̍WɐΈʒu
w肵܂B̒ɃRecLq܂B

div.sub { position: absolute; top: 25px; left: 150px }
@{bNX sub ォ25sNZA150sNZ̍WɐΈ
@uw肵܂Blɂ̒ɃRecLq܂B

div.body { margin-top: 120px; margin-left: 50px; margin-right: 50px }
@{bNX body ̗]ݒ肵܂Bォ̗]́AΈʒuw肵
RecƏdȂȂ悤ɏ\ȍݒ肵Ă܂B
@E̗]́A50sNZɐݒ肵AŜ̈ʒũoX܂B

h1 { color: #f00 }
@ovf h1 ̕FԂɐݒ肵܂B

<!-- PsŋLqĂ -->
@́APsŋLq̂́AuEUɂăeLXgijHTML
@rŉsƕsӂȃXy[Xꍇ܂B{AuE
@U͉s͂܂Ȃ΂ȂȂ̂łÂ悤Ȍۂ
@Ă܂uEU݂܂B̂߂ɂPssȂŋLq܂B

@@eLXgGfB^HTMLLqꍇAeLXgGfB^s
@͖̂肠܂BuEUŉsȂ̂PsƔfĂ܂B



iTipsj}[Wi]j̎w@ ---- CSS

margini}[WERec̊O̗]j̎w@͂܂B
oĂƑϕ֗łB

@ }[W̎ẃAl{Pʂōs܂B
@\@div { margin: 10px } 邢́A@div { margin: 10% }

@Pʂ̓sNZAAĕ̑傫iemAexjg܂B̑傫
Ƃ́Aemp啶l̑傫Aexp̑傫ȂǂKp܂B

@\@div { margin: 2em } 邢́A@div { margin: 10ex }

ȋ傫͂̂قɁApCJA|CgA~AZ`AC`Ȃǂ
AꂼKp܂Bڂ͑Uǂ݂Bj

@ }[WǂɎw肷邩ƂLq܂B
@\@div { margin-left: 30px }

@margin-top: n        Rec̏㑤̗]̐ݒBi n ͐l{Pʁj
@margin-bottom: n     Rec̗̉]ݒB
@margin-left: n       Rec̗̍]̐ݒB
@margin-right: n      Rec̉E̗]̐ݒB

@܂A܂Ƃ߂Đݒ肷@܂B

@margin: n            Rec̗]̏㉺EꊇŐݒ
@margin: n n          Rec̏㉺AȄŗ]𓯎ɐݒ
@margin: n n n        Rec̏AEȀŗ]ʂɐݒ
@margin: n n n n      Rec̏AEAȀŗ]ʂɐݒ
@il{Pʂ̃Xy[X͔pXy[XłBj

@F@div { margin: 1em 10% 15px }
  ́A㑤̗]PAEꊇ10A̗]15sNZ
@Ɛݒ肵\łB

   padding̐ݒ
@L̐ݒ́ApaddingiRec̗̓]j̐ݒɂg܂B
@l{PʁA\܂łB
@F@padding-top: n  邢́A  padding: n n n

}[WƃpfBÖႢ
@}[W̓Rec̊OɎw肳邽߂ɁAw肳ꂽwiFȂǂ͓K
pOƂȂA\܂BRecƂ͕ʂ݂̑łB
@ApfBO̓ReĉPȂ̂ŁAw肳ꂽwiFȂǂKp
\܂Bڂ͑T̃{bNX҂ǂ݂B



͂܂ŁAł͂ł́EE
T̂炢͂vy[Wɂfڂ܂̂ŁA񌩂ĂĂB
vy[WHTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

iT̂炢j
http://www.scollabo.com/banban/magazine/backnm_016.html

AʒũRg[ɂĉ܂B
@킹ăXNvgiJavaScriptjpӂĂ܂B



Eӌ͂͂܂Ł@banban@scollabo.com
ȂA̍ۂɂ́AgOSAʏgĂuEUAgĂeL
XgGfB^ȂǁAȂׂ₷𖾋LĂƉ
₷ȂƎv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

뎚EEEϊ~XE\RȂǂɂ͕Ɍe͊肢܂BȂA}KW
ׂ̂Ă̋LqɌ肪ꍇABƔlƋɎ܂œ˂Ă
ƍKɎv܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
uނ̔zz@@http://www.scollabo.com/banban/daf/material.html

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E[ށ

@AtXɏZޓǎ҂玿̃[܂BCOɏZޓǎ҂
mł́AAJƊ؍ɂꂼPl܂B
@}KWʂR~jP[V̗ւEɍLĂ邱Ƃ́A
ɂꂵ܂Bĉ苗Ȃ̂łˁB܂ł
ɋ悤ȊoɂȂ܂B

@bɂƁAtXł́AƂ̃z[y[W͑悤łAlō
y[W͔ɏȂŁA{̂悤ȃ[}KWƂ
炵悤łB
@ƁAĂ{łl̃z[y[Won߂̂́A܂
UNʑO肩炾ƋLĂ܂B[}KWFɓԂ
AC^[lbg̕yNOāA̗ɎĂ
BAJ؍ƔrƂ܂܂łEE

@̃[͔ɂ񂨊񂹂Ă܂BȂׂ߂ɕ
o悤ɓw͂Ă܂A̒Ԃ͉Ћ΂߂Ȃ̂Œxꍇ
܂̂ŁA̓_B

@܂Aeɑ΂āAł蕪₷悤ɐĂ܂A
ɂ͐s邩Ǝv܂Bł܂A̐ł̂
ԐMĂƏ܂B
@ɂ́AԓoĂX|XA{ɗł̂Sz
Ȃ܂B̓ǎ҂́AKXԂĂĂ܂AӖ
ł́Al`Pbgilbg̃}i[jł͂ȂƎv܂B
@̍un܂AႢƎv̂łA񂩎Ɠ
AŌɂPsuł܂B肪Ƃ܂Bv
ԂĂƂɂ́A{ɃzbƂāu悩A悩vƎꂵ
Ȃ܂B

@ȂAɍۂāA[AhXm̂Ƃ͖{TCg
 BBSfpB[AhX͔̓͂CӂɂȂĂ܂B



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɎRɎgĂ
Ăx܂B

    @@Copyright(C) 2002  www.scollabo.com/banban/
